<HTML>
<head>
	<LINK REL='stylesheet' TYPE='text/css'HREF='..\style.css'>

	<script type="text/javascript">
	historyOn=0
	openDicOn=0
	backForwardOn=0

	function openDicImage(){
			if (openDicOn==0){
				setOpenOn()
				setHistoryOff()
				setBackForwardOff()
			}
			else{
				setOpenOff()
			}
	}

	function changeHistoryImage(){
			if (historyOn==0){
				setHistoryOn()
				setBackForwardOff()
				setOpenOff()
			}
			else{
				setHistoryOff()
			}
	}

	function backForwardImage(){
		if (backForwardOn==0){
			setBackForwardOn()
			setHistoryOff()
		}
		else{
			setBackForwardOff()
		}
	}

	function setOpenOn(){
		openDicOn=1
		openDic.src= "pics/animwatopendic.gif"
		openDicText.innerHTML="<font color= red><u>Stop</u></font>"
	}

	function setOpenOff(){
		openDicOn=0
		openDic.src= "pics/staticwatopendic.gif"
		openDicText.innerHTML="<font color= green><u>Show me</u></font>"
	}


	function setHistoryOn(){
		historyOn=1
		changeHistory.src= "pics/animchangehistory.gif"
		historyText.innerHTML="<font color= red><u>Stop</u></font>"
	}

	function setHistoryOff(){
		historyOn=0
		changeHistory.src= "pics/staticchangehistory.gif"
		historyText.innerHTML="<font color= green><u>Show me</u></font>"
	}

	function setBackForwardOn(){
		backForwardOn=1
		backForward.src= "pics/singleanimbackforward.gif"
		backForwardText.innerHTML="<font color= red><u>Stop</u></font>"
	}

	function setBackForwardOff(){
		backForwardOn=0
		backForward.src= "pics/staticbackforward.gif"
		backForwardText.innerHTML="<font color= green><u>Show me</u></font>"
	}

	</script>

</head>
<body>
<font size = +1 color = "green"><b>Word Definitions</b></font><p>
Words in the text which have dictionary definitions are highlighted in <font color=blue>blue</font>. <br>Any words you choose to look up will be <b>included in your printout</b> at the end of the session.

<p><img src="pics\greendot.gif">Click on a blue word to see the definition appear in the dictionary window.
<br><img src="pics\tinyarrow.gif"><span id = 'openDicText' onmousedown = 'openDicImage()'><font color= green><u>Show me</u></font></span>.
<p><img align = center id="openDic" src = "pics\staticwatopendic.gif" alt = "opening the dictionary window">

<p><font color = "green"><b>History List</b></font><p>

<p><img align=right id="changeHistory" border="0" src="pics/staticchangehistory.gif">
As you look up words, they are added to your <b>history list</b> at the top of the window.
<p><img src="pics\greendot.gif">Review definitions by selecting them from the list and clicking <b>Go</b>.
<br><img src="pics\tinyarrow.gif"><span id = 'historyText' onmousedown = 'changeHistoryImage()'><font color= green><u>Show me</u></font></span>.
<br clear=all>


<p><img align = right id = "backForward" src = "pics\staticbackforward.gif" alt = "using the back and forward arrows">
Alternatively, you can scroll through the all the definitions in your <b>history list</b> using the arrow buttons at the bottom of the window.
<p><img src="pics\greendot.gif">Click on the arrow buttons to scroll through the history list.
<br><img src="pics\tinyarrow.gif"><span id = 'backForwardText' onmousedown = 'backForwardImage()'><font color= green><u>Show me</u></font></span>.



</BODY>

<script language="JavaScript"><!--
	if (document.all) {
    	document.all("openDicText").style.cursor = 'hand';
		document.all("historyText").style.cursor = 'hand';
		document.all("backForwardText").style.cursor = 'hand';
	}
//--></script>
</HTML>

